<template>
  <a-layout class="wrapper">
      <my-sidebar></my-sidebar>
      <a-layout>
          <my-header></my-header>
          <a-layout>
              <div class="main">
                  <router-view></router-view>
              </div>
          </a-layout>
      </a-layout>
  </a-layout>
</template>

<script>
import {defineComponent} from "vue";
import mySidebar from "./components/sidebar";
import myHeader from './components/header'

export default defineComponent({
  name: "index",
  components: {mySidebar, myHeader}
})
</script>

<style lang="less" scoped>
.wrapper {
    height: 100%;
    background-color: #fff;
    .main{
        height: 90%;
    }
}
</style>